import Vue from 'vue'
import VueRouter from 'vue-router'
import Login from '@/components/Login.vue'
import Home from '@/components/Home.vue'
import ChargeCardManage from '@/components/wjj/ChargeCardManage.vue'
import AppointmentManage from '@/components/wjj/AppointmentManage.vue'
import BillingRuleManage from '@/components/wjj/BillingRuleManage.vue'
import CustomerManage from '@/components/wjj/CustomerManage.vue'
import VehicleManage from '@/components/wjj/VehicleManage.vue'
import ChargingRecord from '@/components/wjj/ChargingRecord.vue'
import TransactionFlow from '@/components/wjj/TransactionFlow.vue'
import RechargeRecord from '@/components/wjj/RechargeRecord.vue'

// import ChargeCardManage from '@/components/ChargeCardManage.vue'
// import AppointmentManage from '@/components/AppointmentManage.vue'
// import BillingRuleManage from '@/components/BillingRuleManage.vue'
// import CustomerManage from '@/components/CustomerManage.vue'
// import VehicleManage from '@/components/VehicleManage.vue'
// import ChargingRecord from '@/components/ChargingRecord.vue'
// import TransactionFlow from '@/components/TransactionFlow.vue'
// import RechargeRecord from '@/components/RechargeRecord.vue'
import RoleManagementVue from '@/components/SystemMangement/RoleManagement.vue'
import ChargingPileManage from '@/components/liuwei/ChargingPileManage.vue'
import ChargingStationManage from '@/components/liuwei/ChargingStationManage.vue'
import DepartmentManage from '@/components/SystemMangement/DepartmentManage.vue'
import UserMangement from '@/components/SystemMangement/UserMangement.vue'
import SystemLog from '@/components/SystemMangement/SystemLog.vue'
import MapContainer from '@/components/BaiSuXin/MapContainer.vue'
import DeviceState from '@/components/BaiSuXin/deviceState.vue'
import ChargingStationManageEdit from '@/components/liuwei/ChargingStationManageEdit.vue'
import PersonalCenter from '@/components/liuwei/PersonalCenter.vue'
import HomePage from '@/components/liuwei/HomePage.vue'
Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    component: Login
  },
  {
    path: '/home',
    component: Home,
    children: [
      {
        path: '/charge-card',
        name: 'charge-card',
        component: ChargeCardManage,
      },
      {
        path: '/appointment',
        name: 'appointment',
        component: AppointmentManage                                
      },
      {
        path: '/billing-rule',
        name: 'billing-rule',
        component: BillingRuleManage
      },
      {
        path: '/customer',
        name: 'customer',
        component: CustomerManage
      },
      {
        path: '/vehicle',
        name: 'vehicle',
        component: VehicleManage
      },
      {
        path: '/charging-record',
        name: 'charging-record',
        component: ChargingRecord
      },
      {
        path: '/transaction',
        name: 'transaction',
        component: TransactionFlow
      },
      {
        path: '/recharge',
        name: 'recharge',
        component: RechargeRecord
      },
      {
        path: '/role-management',
        name: 'role-management',
        component: RoleManagementVue
      },
      {
        path: '/department-management',
        name: 'department-management',
        component: DepartmentManage
      },
      {
        path: '/user-management',
        name: 'user-management',
        component: UserMangement
      },
      {
        path: '/system-log',
        name: 'system-log',
        component: SystemLog
      },
      {
        path: '/realTimeMonitoring',
        component: MapContainer,
      },
      {
        path: '/deviceStatus',
        component: DeviceState,
      },
      {
        path: '/chargingStation',
        component: ChargingStationManage
      },
      {
        path: '/homePage',
        component: HomePage
      },
      {
        path: '/chargingStationManageEdit',
        name: 'ChargingStationManageEdit',
        component: ChargingStationManageEdit
      },
      {
        path: '/personalCenter',
        name: 'PersonalCenter',
        component: PersonalCenter
      }
    ]
  }
]

const router = new VueRouter({
  routes
})

export default router
